<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/Findpage.css">
    <title>发现页面</title>
</head>
<body>
    <div class="web">
        <!-- 头部 -->
        <header>
            <div class="title-product">
                <div>
                    <a href="file:///Users/mr.f/Desktop/fengxiayong/Grouponproject/Detailedpage.html">
                        <input type="submit" value="Back">
                    </a>
                </div>
                <div>
                    <h1>发现</h1>
                </div>
                <div class="drop-select">
                    <select>
                        <option>广州市</option>
                        <option>深圳市</option>
                        <option>惠州市</option>
                    </select>
                </div>
            </div>
        </header>
        <!-- 主体 -->
        <main>
            <div class="box-link">
                <input type="text" placeholder="  请输入商品名称">
                <img src="./img/搜索矩.png" alt="">
            </div>

            <div class="box-grid">
                <p class="sou">大家都在搜</p>
                <div class="grid">
                    <p>寿司</p>
                    <p>羽毛球</p>
                    <p>火锅</p>
                    <p>游泳馆</p>
                    <p>电影</p>
                    <p>周黑鸭</p>
                    <p>KTV</p>
                    <p>肯德基</p>
                </div>
            </div>

            <div class="groupresou">
                <div class="preferential">
                    <img src="./img/形状222222222222.png" alt=""><span>热门搜索</span>
                </div>
                <div class="imggengduo">
                    <span>更多</span> <img src="./img/形状4副本.png" alt="">
                </div>                       
            </div>

            <div class="imgquanbu">
                
                    <img src="./img/图层11.png"  class="img_ges"alt="">
               
                <div class="imgeighteen">
                    <img src="./img/图层21818181818.png" class="imge_ge" alt="">
                <div class="imgten">
                    <img src="./img/图层10.png" class="imge_gee" alt="">
                    <img src="./img/图层4191919.png" alt="">
                </div>
                </div>
            </div>

            <div class="groupresou">
                <div class="preferential">
                    <img src="./img/形状12中.png" alt=""><span>推荐搜索</span>
                </div>
                <div class="imggengduo">
                    <span>更多</span> <img src="./img/形状4副本.png" alt="">
                </div>                       
            </div>

            <div class="imggs">
                <img src="./img/图层4.png" alt="">
                <img src="./img/图层14.png" alt="">
                <img src="./img/图层19.png" alt="">
                <img src="./img/图层4.png" alt="">
                <img src="./img/图层14.png" alt="">
                <img src="./img/图层19.png" alt="">
            </div>
        </main>
        <!-- 底部 -->
    <footer>
        <div class="homefooter">
            <div>
                <a href="file:///Users/mr.f/Desktop/fengxiayong/Grouponproject/Homepage.html">
                    <img src="./img/首页2.png" alt="">
                    <p>首页</p>
                </a>
            </div>
            <div>
                <a href="file:///Users/mr.f/Desktop/fengxiayong/Grouponproject/Classifypage.html">
                    <img src="./img/分类4.png" alt="">
                    <p>分类</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./img/形状7副本2.png" alt="">
                    <p>发现</p>
                </a>
            </div>
            <div>
                <a href="file:///Users/mr.f/Desktop/fengxiayong/Grouponproject/Mypage.html">
                    <img src="./img/我的.png" alt="">
                    <p>我的</p>
                </a>
            </div>
        </div>
    </footer>
</div>
</body>
</html>